<template>
	<div>
		<div class="main">
			<div style="text-align: center;font-size: 36px;font-weight: 600;padding-top: 20px;">{{title}}</div>
			<div v-html="content" style="padding-top: 30px;margin: auto;width: 1000px;"></div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return {
				title:'',
				content:''
			}
		},
		mounted(){
			this.getdata()
		},
		methods:{
			getdata(){
				this.$http.get('/back/notice/index').then(res => {
					console.log(res.data)
					this.title = res.data.data.title
					this.content = res.data.data.content
				})
			}
		}
	}
</script>

<style>
	.main{
		/* width: 1200px; */
		
		margin-top: 20px;
		/* height:60vh; */
		background-color: #fff;
	}
</style>